/*********************************************************************************
JANGAN PERNAH MENG-COPY ARTIKEL DAN CSS INI ATAS SE-IZIN ADMIN BLOGZHEY.COM
*********************************************************************************/

/*********************START BZC Blogazine*********************/
body{background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#009340),color-stop(0.5,#00C957),color-stop(1,#00C957));background-image:-o-linear-gradient(bottom,#009340 0%,#00C957 50%,#00C957 100%);background-image:-moz-linear-gradient(bottom,#009340 0%,#00C957 50%,#00C957 100%);background-image:-webkit-linear-gradient(bottom,#009340 0%,#00C957 50%,#00C957 100%);background-image:-ms-linear-gradient(bottom,#009340 0%,#00C957 50%,#00C957 100%);background-image:linear-gradient(to bottom,#009340 0%,#00C957 50%,#00C957 100%);background-attachment:fixed}
a{color:#fff}
a:hover{color:#00933f}
.outer-wrapper{position:relative;min-height:100vh}
.main-wrapper{width:auto;margin:0}
.ct-wrapper{padding:padding:0 20px;position:relative;max-width:auto;margin:0 auto}
#header h1,#header h1 a{color:#fff;text-shadow:none;font-family:Squada One;text-transform:uppercase;letter-spacing:0}
.rmm.minimal a{color:#fff}
.rmm.minimal a:hover{background:#00c956;color:#00933f}
.rmm.minimal .rmm-toggled-controls{background:#00c956;margin-bottom:2%}
.rmm.minimal .rmm-toggled-title{color:#fff}
.rmm.minimal .rmm-button span{background:#fff}
.rmm.minimal .rmm-toggled ul li a{border-bottom:1px solid #00c956;color:#fff}
.rmm.minimal .rmm-toggled ul li a:hover{background:#00c956;color:#00933f}
.rmm.minimal .rmm-toggled ul li:first-child a{border-top:1px solid #00c956}
.post{border-bottom:none}
h1.post-title,h1.post-title a:link,h1.post-title a:visited{display:none}
.post-meta,.post-header{display:none}
.home-link,#blog-pager-newer-link a,#blog-pager-older-link a{background:#00933f;color:#fff;position:relative}
.home-link:hover,#blog-pager-newer-link a:hover,#blog-pager-older-link a:hover{background:#00933f;color:#00c956;position:relative}
.sidebar,.sidebar-wrapper{width:0;position:absolute;padding:0 0 0 0;display:none}
#footer{position:relative;background:#00933f}
.footer-bottom a{color:#fff}
.footer-bottom a:hover{text-decoration:none;color:#00c956}
.footer-bottom p{color:#fff}
.footer-nav li a{color:#fff}
.footer-nav ul li a:hover,.footer-nav ul li a:active{color:#00c956}
#comment-editor{background:#00c956}
.comments{z-index:99;position:relative}
.comments h4{font-size:24px;background:#00933f;color:#fff;text-align:center}
.comments .comments-content .user a{color:#fff}
.comments .comments-content .user a:hover{color:#00933f}
.comments .comments-content .datetime a{color:#fff}
.comments .comments-content .datetime a:hover{color:#00933f}
.comments .comments-content .comment-content{color:#fff;text-shadow:none}
.comments .comments-content .comment{background:#00c956;border:4px solid #00933f}
.comments .continue a,.comments .comment .comment-actions a{color:#fff}
.comments .continue a:hover,.comments .comment .comment-actions a:hover{color:#00933f}
.comments .comments-content .loadmore a{font-weight:bold;background:#00933f}
.comments .comments-content .loadmore a:hover{color:#00c956}
#bzc{background:#00933f;display:block}
::selection{background:transparent;color:transparent}
::-moz-selection{background:transparent;color:transparent}
::-webkit-selection{background:transparent;color:transparent}

/*********************OPEN PANEL*********************/
a.openpanel{display:block;width:100%;height:auto;padding:5px 0 5px 0;text-align:center;font-weight:bold;line-height:30px;background:#00933f;url()repeat-x;-webkit-transition:all .15s ease-in-out;-webkit-transform-origin:50% 1px;position:relative;font-family:Averia Sans Libre}
a.openpanel em{width:0;height:0;display:block;position:absolute;top:15px;right:15px;border:6px solid transparent;border-top-color:transparent}
a.openpanel:hover{color:#00c956}
a.openpanel.active{background:#00933f;z-index:99;position:relative}
a.openpanel.active em{top:6px;border color:#ffffff}
div.paneline{height:0;-webkit-transition:all .15s ease-in-out;-webkit-transform-origin:50% 1px}
div.hompiPanel{padding:10px 20px 20px;margin:0 0!important}

/*********************DISQUS & SPOILER*********************/
#dis_qus{width:100%;height:auto;background:#00c956;color:#fff;position:relative;z-index:1000;margin-top:1%;overflow:hidden}
.dis-qus{margin:1% 1% 1% 1%}
.jkomen{width:auto;height:auto;padding:5px 5px 5px 5px;background:#00933f;color:#fff;font-weight:bold;font-family:verdana;margin:1% 1% 1% 1%}
.spoiler{overflow:hidden;width:100%}
.spoiler > div{-webkit-transition:all 0.2s ease;-moz-transition:margin 0.2s ease;-o-transition:all 0.2s ease;transition:margin 0.2s ease}
button.sp-trigger:hover{color:#00c956}
.spoiler{background-color:transparent;margin:20px 0 0 0;padding:0 0 0 0}
button.sp-trigger{width:100%;display:block;cursor:pointer;margin:10px 0 -20px 0;background:#00933f;font-weight:bold;font-size:18px;font-family:Averia Sans Libre;color:#fff;padding:8px;border-radius:0}
button.sp-trigger.sp-active{background:#00933f}

/*********************POST*********************/
#box{width:75%;height:400px;background:url(http://1.bp.blogspot.com/-RMeIRefSuqc/VHFL2557wzI/AAAAAAAACgU/UaN0HYttD98/s1600/lightbg.png)repeat;border:5px solid #00933f;position:relative;overflow:hidden}
.gambar{width:35%;height:35%;position:absolute;z-index:1;margin:2% 0 0 3%}
.selector{position:relative;width:50%;height:180px;color:#fff;background:#00933f;margin:3em 0 0 20em;padding:5px}
.selector:before{content:"";position:absolute;top:-2.3em;right:0;border-width:0 35px 35px 0;border-style:solid;border-color:transparent transparent #00b14c #00b14c;display:block;width:0}
.selector:after{content:"";position:absolute;bottom:-2.3em;left:0;border-width:0 35px 35px 0;border-style:solid;border-color:#00b14c #00b14c transparent transparent;display:block;width:0}
.cb{font-size:25px;color:#fff;font-family:Quando;font-weight:bold;position:absolute;margin:1em 0 0 0.5em;text-transform:capitalize}
.quran{font-size:50px;color:#fff;font-family:Quando;font-weight:bold;position:absolute;margin:0 0 0 4em;text-transform:capitalize;font-style:italic}
.ayp{font-size:25px;color:#fff;font-family:Quando;font-weight:bold;position:absolute;margin:3em 0 0 2em;text-transform:capitalize}
.pk{font-size:50px;color:#fff;font-family:Quando;font-weight:bold;position:absolute;margin:2.3em 0 0 0;text-transform:capitalize;font-style:italic}
.seru{font-size:100px;position:absolute;color:#fff;font-family:Quando;font-weight:bold;margin:.6em 0 0 3.6em;font-style:italic}
.hadits{width:50%;height:auto;color:#333333;font-size:11px;position:relative;font-family:verdana;text-align:right;font-weight:bold;float:right;margin:4em 3em 0 0}
.copyright-blogzhey{font-size:18px;color:#fff;font-family:verdana;text-align:center;font-weight:bold}
/*******HUKUM*******/
#hukum{color:#000;overflow:hidden;display:block;width:0;height:20%;position:fixed;top:20%;right:0;transition:All 1s}
#hukum:target{transition:All 1s;right:5%;width:60%;height:60%;overflow:auto;position:fixed;z-index:999;top:20%;background:#00c956;padding:10px;border:1px solid #00933f;box-shadow:0 0 1px #00933f;font:11px/20px verdana;color:#fff;text-align:justify}
.closed{position:absolute;top:5px;right:5px;font-size:20px}
#hukumayat{color:#000;overflow:hidden;display:block;width:0;height:20%;position:fixed;top:20%;right:0;transition:All 1s}
#hukumayat:target{transition:All 1s;right:5%;width:60%;height:60%;overflow:auto;position:fixed;z-index:999;top:20%;background:#00c956;padding:10px;border:1px solid #00933f;box-shadow:0 0 1px #00933f;font:11px/20px verdana;color:#fff;text-align:justify}

/*********************RESPONSIVE*********************/
@media screen and (max-width:1100px){.gambar{margin:2% 0 0 2%}.selector{width:53%}}
@media screen and (max-width:1024px){.gambar{width:40%;height:40%;margin:2% 0 0 -2%}.selector{width:57%;margin:3em 0 0 16em}.hadits{width:55%}}
@media screen and (max-width:960px){.gambar{margin:4% 0 0 -2%}.quran{font-size:45px;margin:0 0 0 4.5em}.pk{font-size:45px;margin:2.6em 0 0 .3em}.seru{margin:.6em 0 0 3.3em}}
@media screen and (max-width:850px){#box{width:85%}.hadits{margin:5em 3em 0 0;font-size:10px}}
@media screen and (max-width:768px){#box{width:auto}}
@media screen and (max-width:667px){.gambar{margin:8% 0 0 -2%}.cb{font-size:20px}.ayp{font-size:20px}.quran{font-size:40px;margin:0 0 0 4em}.pk{font-size:40px;margin:2.2em 0 0 0}.seru{font-size:80px;margin:.6em 0 0 3.6em}.selector{height:150px;margin:3em 0 0 14em}#box{height:370px}}
@media screen and (max-width:600px){.gambar{margin:6% 0 0 -2%}.cb{font-size:18px}.ayp{font-size:18px}.quran{font-size:35px;margin:0 0 0 4em}.pk{font-size:35px;margin:2.2em 0 0 0}.seru{font-size:80px;margin:.4em 0 0 3.2em}.selector{width:55%;height:130px;margin:3em 0 0 12em}.selector:before{border-width:0 30px 30px 0;top:-2em}.selector:after{border-width:0 30px 30px 0;bottom:-2em}#box{height:330px}.hadits{margin:3em 3em 0 0}}
@media screen and (max-width:568px){.gambar{margin:6% 0 0 -2%}.cb{font-size:16px}.ayp{font-size:16px}.quran{font-size:30px;margin:0 0 0 4.3em}.pk{font-size:30px;margin:2.4em 0 0 0}.seru{font-size:70px;margin:.4em 0 0 3.1em}.selector{width:50%;height:110px;margin:3em 0 0 12em}#box{height:330px}.hadits{width:58%;margin:5em 3em 0 0}}
@media screen and (max-width:500px){.gambar{width:30%;height:30%;margin:6% 0 0 -2%}.seru{margin:.4.1em 0 0 3.2em}.selector{width:58%;height:110px;margin:3em 0 0 9em}#box{height:300px}.hadits{width:auto;margin:5em 1em 0 1em;float:none;text-align:center}.copyright-blogzhey{font-size:15px}.dis-qus{margin:1% 2% 1% 2%}.jkomen{margin:2% 2% 1% 2%}}
@media screen and (max-width:480px){.gambar{width:30%;height:30%;margin:6% 0 0 -2%}.seru{margin:.4.1em 0 0 3.2em}.selector{width:61%;height:110px;margin:3em 0 0 8em}.selector:before{border-width:0 28px 28px 0;top:-1.8em}.selector:after{border-width:0 28px 28px 0;bottom:-1.8em}#box{height:300px}.hadits{margin:4em 1.2em 0 1.2em}}
@media screen and (max-width:420px){.gambar{width:50%;height:50%;margin:0 0 0 25%}.cb{margin:1em 0 0 3em}.ayp{margin:3em 0 0 4em}.quran{margin:0 0 0 5.5em}.pk{margin:2.2em 0 0 1em}.seru{margin:.3em 0 0 3.6em}.selector{width:90%;height:110px;margin:9em 0 0 0;z-index:99}#box{height:380px}.hadits{margin:2.7em 1.2em 0 1.2em}}
@media screen and (max-width:360px){.gambar{width:50%;height:50%;margin:0 0 0 25%}.cb{margin:1em 0 0 1.2em}.ayp{margin:3em 0 0 3em}.quran{margin:0 0 0 4.8em}.pk{margin:2.2em 0 0 .3em}.seru{margin:.4em 0 0 3.3em}#box{height:380px}}
@media screen and (max-width:320px){.gambar{width:50%;height:50%;margin:0 0 0 20%}.cb{font-size:14px;margin:1em 0 0 1.2em}.ayp{font-size:14px;margin:3em 0 0 2.6em}.quran{font-size:25px;margin:0 0 0 4.8em}.pk{font-size:25px;margin:2.6em 0 0 .3em}.seru{margin:.3em 0 0 2.8em}.selector{height:100px;margin:7em 0 0 0}.selector:before{border-width:0 22px 22px 0;top:-1.5em}.selector:after{border-width:0 22px 22px 0;bottom:-1.4em}}
@media screen and (max-width:240px){.gambar{width:50%;height:50%;margin:0 0 0 20%}.cb{font-size:12px;margin:1em 0 0 0}.ayp{font-size:12px;margin:3em 0 0 .5em}.quran{font-size:18px;margin:.2em 0 0 5em}.pk{font-size:18px;margin:3.2em 0 0 .3em}.seru{font-size:50px;margin:.5em 0 0 2.9em}.selector{height:95px;margin:5em 0 0 0;z-index:99}#box{height:400px}.hadits{margin:2em 1.2em 0 1.2em}}

/*********************END BZC Blogazine*********************/